Page({

  /**
   * 页面的初始数据
   */
  data: {
    offset:0,
    list:[],
    thisVideo:{},
    videoUrl:"",
    danmu:"",
    danmuList:[{
      text: '第 3s 出现的弹幕',
      color: '#ff00ff',
      time: 3
    }],
    hasmore:true
  },
  getDanmu(event){
    this.setData({
      danmu:event.detail.value
    })
  },
  sendDanmu(){
    let danmu = this.data.danmu;
    this.mv.sendDanmu({
      text:danmu,
      color: this.getRandomColor()
    })
    console.log(this.data.danmuList);
  },
  prePage(){
    if(this.data.offset == 0){
      wx.showToast({
        title: '已经是最前了',
      })
    }else{
      this.setData({
        offset:this.data.offset < 30 ? 0 : this.data.offset - 30
      })
      wx.request({
        url: 'https://www.theaave.top/top/mv',
        data:{
          offset:this.data.offset
        },
        success:(res)=>{
          console.log(res)
          this.setData({
            list:res.data.data,
            thisVideo:res.data.data[0].mv,
            hasmore:res.data.hasMore
          },()=>{
            wx.request({
              url: 'https://www.theaave.top/mv/url',
              data:{
                id:this.data.thisVideo.id,
              },
              success:(res)=>{
                console.log(res)
                this.setData({
                  videoUrl:res.data.data.url
                })
              }
            });
            
          })
        }
      })
  }
  },
  nextPage(){
    if(this.data.hasmore){
    this.setData({
      offset:this.data.offset + 30
    })
    wx.request({
      url: 'https://www.theaave.top/top/mv',
      data:{
        offset:this.data.offset
      },
      success:(res)=>{
        console.log(res)
        this.setData({
          list:res.data.data,
          thisVideo:res.data.data[0].mv,
          hasmore:res.data.hasMore
        },()=>{
          wx.request({
            url: 'https://www.theaave.top/mv/url',
            data:{
              id:this.data.thisVideo.id
            },
            success:(res)=>{
              console.log(res)
              this.setData({
                videoUrl:res.data.data.url
              })
            }
          });
          
        })
      }
    })
  }else{
    wx.showToast({
      title: '后面没有更多了',
    })
  }
  },
  getRandomColor(){
    let rgb = [];
    for(let i = 0;i < 3;i++){
      let color = Math.floor(Math.random() * 256).toString(16);
      color = color.length == 1?'0' + color:color;
      rgb.push(color)
    }
    return '#' + rgb.join('');
  },
  changeVideo(event){
    this.setData({
      danmuList:[]
    })
    console.log(event);
    this.setData({
      thisVideo:event.currentTarget.dataset.mv.mv
    },()=>{
      wx.request({
        url: 'https://www.theaave.top/mv/url',
        data:{
          id:this.data.thisVideo.id,
        },
        success:(res)=>{
          console.log(res)
          this.setData({
            videoUrl:res.data.data.url
          })
        }
      })
    })
  },
  addDanmu(){
    wx.request({
      url: 'https://www.theaave.top/comment/mv',
      data:{
        id:this.data.thisVideo.id,
        limit:20
      },
      success:(res)=>{
        for(var i in res.data.hotComments){
          console.log(res.data.hotComments[i].content);
          if(res.data.hotComments[i].content){
            this.mv.sendDanmu({
              text: res.data.hotComments[i].content,
              color: this.getRandomColor(),
            })
          }
        }
        console.log(this.data.danmuList);
      }
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.mv = wx.createVideoContext('myVideo')
    this.setData({
      danmuList:[],
    })
    wx.request({
      url: 'https://www.theaave.top/top/mv',
      success:(res)=>{
        console.log(res)
        this.setData({
          list:res.data.data,
          thisVideo:res.data.data[0].mv,
          hasmore:res.data.hasMore
        },()=>{
          wx.request({
            url: 'https://www.theaave.top/mv/url',
            data:{
              id:this.data.thisVideo.id
            },
            success:(res)=>{
              console.log(res)
              this.setData({
                videoUrl:res.data.data.url
              })
            }
          });
          
        })
      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
   
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    
  }
})